.m-content {
	background-color: #fff;
	padding-top: 0;
    padding-bottom: 49pt;
    .m-card {
        padding: 9pt;
        .card-box {
            margin-bottom: 9pt;
            border-radius: 8px;
            color: #fff;
            &:last-child {
                margin-bottom: 0
            }
            .card-info {
                margin: 0 26px;
                .info-cell{
                    font-size: .8rem;
                    &.underline{
                        &:after{
                            border-bottom: 1px solid #fff
                        }
                    }
                    .cell-left {
                        height: 30px;
                        line-height: 30px;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                    }
                    .cell-right {
                        float: right;
                        height: 30px;
                        line-height: 30px
                    }
                    .cell-hd {
                        height: 30px;
                        line-height: 30px;
                        .hd-right{
                            float: right;
                        }
                        .hd-left{
                            padding-right: 55px
                        }
                    }
                    .cell-list {
                        display: none;
                        overflow: hidden;
                        margin-left: 10px;
                        font-size: 13px;
                        .list-item {
                            overflow: hidden;
                            height: 28px;
                            line-height: 28px;
                            &:not(:last-of-type) {
                                border-bottom: 1px dotted #fff
                            }
                            .item-right {
                                float: right
                            }
                            .item-left {
                                padding-right: 55px
                            }
                        }
                    }
                }
            }
            .card-ft {
                position: relative;
                margin: 0 1pc;
                padding: 6px 0;
                text-align: center;
                font-size: 9pt;
                line-height: 20px;
                .ft-use{
                    &:active{
                        text-decoration: underline
                    }
                }
            }
        }
        .card-name {
            padding: 10px;
            font-size: 14px
        }
        .card-discount {
            .ft-number {
                position: relative;
                float: left;
                width: 50%;
                &:after {
                    position: absolute;
                    top: 0;
                    right: 0;
                    bottom: 0;
                    width: 1px;
                    border-right: 1px solid #c49901;
                    content: '';
                    -webkit-transform: scaleX(.5);
                    transform: scaleX(.5);
                    -ms-transform: scaleX(.5)
                }
            }
            .card-balance {
                padding-bottom: 15px;
                text-align: center;
                font-size: 42px;
                line-height: 75px
            }
            .card-ft{
                &.topline{
                    &:before {
                        border-color: #c49901
                    }
                }
            }
        }
        .card-course {
            border: 1px solid #ff75a3;
            background: url(../../assets/images/course.png) right center no-repeat #ff87af;
            background-size: 50% auto
        }
        .card-product {
            border: 1px solid #77bcff;
            background: url(../../assets/images/product.png) right center no-repeat #99caff;
            background-size: 50% auto
        }
        .card-nopay {
            border: 1px solid #c167ff;
            background: url(../../assets/images/nopay.png) right center no-repeat #ce87ff;
            background-size: 50% auto
        }
        .card-discount {
            border: 1px solid #f5cb35;
            background: url(../../assets/images/discount.png) right center no-repeat #ffde69;
            background-size: 50% auto;
            color: #c49901
        }
    }
}



